Hi @AceTheCreator, I noticed the playground build was broken after the recent Dependabot upgrade to Next.js 16 (Turbopack conflict). I've submitted this fix to resolve the crash and clear up the config warnings so the dev server runs smoothly again. Ready for review whenever you have a moment!

Thanks for the review! I'll go ahead and remove the custom Webpack configuration and switch the dev script to use turbo. Updating the PR shortly!

Thanks for fixing this. One note from my review: since Next.js 16 ships with Turbopack, I think we should use it instead of Webpack. I’d suggest removing the Webpack configuration and switching fully to Turbopack.

I’ve updated the script to use --turbo, but I'm hitting a build error because the parser dependencies rely on Node.js modules like fs. Unlike Webpack (which let us just set fallback: false), Turbopack doesn't polyfill these by default yet.

To resolve this, I would need to implement a workaround since Turbopack lacks the fallback: false configuration that Webpack uses to ignore server-side modules. The solution involves creating a small, empty mock file for fs and configuring an alias in next.config.js to redirect all fs imports to this local file. Are you comfortable with me adding this mock to the repository, or should we prefer to stick with Webpack.

Please mention issue number in the PR description

Please mention issue number in the PR description

There isn't an issue associated issue raised with this. I encountered while setting up the project locally.

Thanks for fixing this. One note from my review: since Next.js 16 ships with Turbopack, I think we should use it instead of Webpack. I’d suggest removing the Webpack configuration and switching fully to Turbopack.

I’ve updated the script to use --turbo, but I'm hitting a build error because the parser dependencies rely on Node.js modules like fs. Unlike Webpack (which let us just set fallback: false), Turbopack doesn't polyfill these by default yet.

To resolve this, I would need to implement a workaround since Turbopack lacks the fallback: false configuration that Webpack uses to ignore server-side modules. The solution involves creating a small, empty mock file for fs and configuring an alias in next.config.js to redirect all fs imports to this local file. Are you comfortable with me adding this mock to the repository, or should we prefer to stick with Webpack.

Yes, please go ahead, cuz it seem that's the recommended approach for fallback in turbopack 👍🏾

@AceTheCreator I gave the Turbopack approach a try but hit some walls. Started by creating lib/empty.ts with mocks for fs, util, and path, then configured turbopack.resolveAlias. The mock file grew to 50+ exports as different dependencies needed different Node functions.

The bigger issue is that AsyncAPI's parser dependencies (@asyncapi/avro-schema-parser, @stoplight/spectral-runtime, etc.) they use them for binary serialization and file operations. Empty mocks cause runtime failures because these libraries expect real Node.js functionality that can't be faked.

My original Webpack solution (--webpack flag) handles this cleanly with fallback: false.

@AceTheCreator I gave the Turbopack approach a try but hit some walls. Started by creating lib/empty.ts with mocks for fs, util, and path, then configured turbopack.resolveAlias. The mock file grew to 50+ exports as different dependencies needed different Node functions.

The bigger issue is that AsyncAPI's parser dependencies (@asyncapi/avro-schema-parser, @stoplight/spectral-runtime, etc.) they use them for binary serialization and file operations. Empty mocks cause runtime failures because these libraries expect real Node.js functionality that can't be faked.

My original Webpack solution (--webpack flag) handles this cleanly with fallback: false.

Yeah, you're right. I totally forgot about the Parser 😄

Let's use the webpack flag for dev

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud